<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>基本选择器</title>
  <script src="jquery-1.11.3.min.js"></script>
 </head>
 <body>
    <div id="div1" class="box">div1</div>
	<div id="div2" class="box">div2</div>
	<div id="div3">div3</div>
	<span class="box">span</span>
	<br>
	<ul>
	  <li>AAAAA</li>
	  <li title="hello">BBBBB</li>
	  <li class="box">CCCCC</li>
	  <li title="hello">DDDDD</li>
	</ul>
 </body>
 <script>

 $("#div1").css({"background-color":"red"});
 $("div").css({"background-color":"blue"});
 $(".box").css({"background-color":"red"});   

 $("div,span").css({"background-color":"yellow"});

 $("div.box").css({"background-color":"red"});
 </script>
</html>
